@use '../mixins/utils.scss' as *;

$layout: (
  'navbar': (
    'height': 65px,
    'background-color': rgb(255 255 255 / 35%),
    'backdrop-blur': blur(16px),
    'border-color': rgb(17 17 17 / 15%),
    'box-shadow': 10px 0 5px var(--ml-layout-shadow),
    'icon-width': 24px,
    'icon-height': 24px,
  ),
  'logo': (
    'img-width': 32px,
    'img-height': 32px,
    'font-size': var(--ml-font-size),
    'font-weight': 500
  ),
);